@font-face {
  font-family: "CustomRegular";
  // 自动注入 css 导入字体，并且支持字体信息的摇树优化！
  src: url("@/assets/fonts/Regular.ttf?subsets") format("truetype"); // 必须使用绝对路径 不然会报404 但是可以使用 format还有其他格式
}

@font-face {
  font-family: "XingShu";
  // 自动注入 css 导入字体，并且支持字体信息的摇树优化！
  src: url("@/assets/fonts/yunfengjinglongxingshu.ttf?subsets") format("truetype");
}

// flex 水平居中
@mixin flexAlignCenter {
  display: flex;
  align-items: center;
}
// flex 居中
@mixin flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* border盒模型 */
@mixin borderBox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 文本超过一行显示省略号 */
@mixin ellipsis-one {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 文本换行省略号 */
@mixin ellipsis-multiLine($line) {
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 项目主题色 */
$primary-color: #4387f8; // 主题色
$background-color: #f8f8f8; // 背景色
$danger-color: #ff1900; // 主题红色
/* 文章场景相关 */
$color-title: #333; // 文章标题颜色
$color-subtitle: #666; // 二级标题颜色
$color-paragraph: #999; // 文章段落颜色
/* 边距 */
$padding: 16px;
$margin: 16px;
$radius: 8px;
